<template>
	<view>
		<free-nav-bar title="个人信息" :fixed="false" :showback="true" :showright="false">
			<free-icon-button slot="right" @click="naviset">&#xe6fd;</free-icon-button>
		</free-nav-bar>
		<free-list-item title="头像" :showright="true" isshowjt>

			<view class="position-relative p-1" slot="right" @click="update()">
				<free-avater src="/static/images/mail/friend.png" size="55"></free-avater>

			</view>
		</free-list-item>
		<free-list-item title="昵称" :showright="true" isshowjt>

			<view class="position-relative p-1" slot="right" @click="updatenc()">
				<text class="font-md text-dark mr-3">赵奕航</text>

			</view>
		</free-list-item>
		<free-list-item title="账号" :showright="true" isshowjt>

			<view class="position-relative p-1" slot="right">
				<text class="font-md text-dark mr-3">zyh894980908</text>

			</view>
		</free-list-item>
		<free-list-item title="密码" :showright="true" isshowjt>

			<view class="position-relative p-1" slot="right">
				<text class="font-md text-dark mr-3">zyhdsbmjj</text>

			</view>
		</free-list-item>
		<free-list-item title="二维码名片" :showright="true" isshowjt @click="ewmmp()">
		
			<view class="position-relative p-1" slot="right">
				<text class="font-md iconfont">&#xe647;</text>
		
			</view>
		</free-list-item>
		<free-popup maskColor ref="confirmpopup" :center="true">
			<view class="bg-white rounded flex flex-column" style="width: 600rpx;">
				<view class="p-4 flex flex-column">
					<text class="font-md font-weight-bold mb-3">修改</text>
					
					<input type="text" placeholder="修改" class="border-bottom" style="height: 60rpx;">
				</view>
				<view class="border-top flex align-stretch" style="height: 100rpx;" >
					<view @click="submit()" class="flex-1 border-right flex align-center justify-center">
						<text>取消</text>
					</view>
					<view @click="submit()" class="flex-1 flex align-center justify-center">
			<text>发送</text>
						
					</view>
				</view>
			</view>
		</free-popup>
	</view>
</template>

<script>
	import freePopup from "@/components/free-ui/free-popup.vue"
	import freeAvater from "@/components/free-ui/free-avater.vue"
	import freeNavBar from "@/components/free-ui/free-nav-bar.vue"
	import freeListItem from "@/components/free-ui/free-list-item.vue"
	export default {
		components: {
			freeNavBar,
			freeAvater,
			freeListItem,
			freePopup
		},
		data() {
			return {

			}
		},
		methods: {
			updatenc(){
				this.$refs.confirmpopup.show()
			},
			submit(){
				this.$refs.confirmpopup.hidden()
				
			},
			ewmmp(){
				uni.navigateTo({
					url:"/pages/code/code"
				})
			},
			update(){
				uni.chooseImage({
					count:1,
					sizeType:['compressed'],
					success: (res) => {
						console.log(res,"res");
					}
				})
			},
			naviset() {
				uni.navigateBack({
					delta: 1
				})
			}
		}
	}
</script>

<style>

</style>
